
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
<div class="archive_info">
<h1>HTML <span class="color_h1">&lt;div&gt; 和&lt;span&gt;</span></h1>
<hr/><p class="intro">HTML 可以通过 &lt;div&gt; 和 &lt;span&gt;将元素组合起来。</p>
<hr/><h2>HTML 区块元素</h2>
<p>大多数 HTML 元素被定义为<strong>块级元素</strong>或<strong>内联元素</strong>。</p>
<p>块级元素在浏览器显示时，通常会以新行来开始（和结束）。</p>
<p>实例: &lt;h1&gt;, &lt;p&gt;, &lt;ul&gt;, &lt;table&gt; </p>
<hr/><h2>HTML 内联元素</h2>
<p>内联元素在显示时通常不会以新行开始。</p>
<p>实例: &lt;b&gt;, &lt;td&gt;, &lt;a&gt;, &lt;img&gt;</p>
<hr/><h2>HTML &lt;div&gt; 元素</h2>
<p>HTML &lt;div&gt; 元素是块级元素，它可用于组合其他 HTML 元素的容器。</p>
<p> &lt;div&gt; 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。</p>
<p>如果与 CSS 一同使用，&lt;div&gt; 元素可用于对大的内容块设置样式属性。</p>
<p>&lt;div&gt; 元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 &lt;table&gt; 元素进行文档布局不是表格的正确用法。&lt;table&gt; 元素的作用是显示表格化的数据。</p>
<hr/><h2>HTML &lt;span&gt; 元素</h2>
<p>HTML &lt;span&gt; 元素是内联元素，可用作文本的容器</p>
<p>&lt;span&gt; 元素也没有特定的含义。 </p>
<p>当与 CSS 一同使用时，&lt;span&gt; 元素可用于为部分文本设置样式属性。</p>
<hr/><h2>HTML 分组标签</h2>
<table class="reference notranslate">
<tbody><tr>
<th align="left">标签</th>
<th align="left">描述</th>
</tr>
<tr>
<td><a >&lt;div&gt;</a></td>
<td>定义了文档的区域，块级 (block-level)</td>
</tr>
<tr>
<td><a >&lt;span&gt;</a></td>
<td>用来组合文档中的行内元素， 内联元素(inline)</td>
</tr>
</tbody></table> <div class="scroll-top"><a >返回顶部</a></div>
</div>

    </body>
    </html>
    